<template>
  <div id="app">
    <app-header></app-header>
  </div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-3 col-md-2 sidebar">
         <app-slider></app-slider>
      </div>
<!--      <app-list></app-list>-->
      <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        <router-view></router-view>
      </div>
    </div>
  </div>

</template>

<script>

import appHeader from "./components/Header.vue";
import appSlider from "./components/Slider";
import appList from "./components/List"
export default {
  name: 'App',
  components: {
    appHeader,
    appSlider,
    appList
  }
}
</script>

<style lang="less">

</style>
